.tab{display: flex;align-items: center;height: 50px;border-bottom: 1px solid #eee;position: sticky;top: 0;z-index: 3;background: #fff;box-shadow:0 3px 5px 0px #c7c7c745;
    &>li{flex: none;width: 200px;text-align: center;font-size: 15px;color: #666;line-height: 50px;border-right: 1px solid #eee;user-select: none;
        &:hover{cursor: pointer;}
        &.li-active{color: #409eff;position: relative;
            &::after{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);clear: both;content: '';display: block;width: 40px;height: 2px;background: #409eff}
        }
    }
}
.attr-content-box{box-sizing: border-box;display: flex;flex-direction: column;
    >h2{color: #333;font-size: 14px;font-weight: bold;border-bottom: 1px solid #eee;line-height: 40px;padding: 0 10px;box-sizing: border-box;background: #fff}
}
.module-style{
    li{display: inline-block;vertical-align: top;width: 76px;height: 50px;border: 1px solid #e3e2e8;border-radius: 4px;margin-right: 15px;padding: 4px;box-sizing: border-box;cursor: pointer;
        &:hover{border-color: #409eff;}
        &.li_active{border-color: #409eff;}
    }
}
.el-form{margin-top: 20px;
    .el-form-item{margin-bottom: 10px;}
    .el-input{width: 150px;margin-right: 20px}
}
.upload{width: 60px;height: 60px;border-radius: 4px;overflow: hidden;border: 1px solid #eee;cursor: pointer;
    &.show-img{position: relative;
        &:hover .el-icon-close{opacity: 1;}
        .el-icon-close{position: absolute;top: 0;right: 0;padding: 4px;background: rgba($color: #000000, $alpha: .5);color: #fff;opacity: 0;transition: all .3s}
    }
    img{object-fit: cover;width: 100%;height: 100%;}
}

.slider{display: flex;align-items: center;
    .el-slider{width: 40%;
        /deep/ .el-slider__button{width: 12px;height: 12px;}
    }
    b{margin-left: 16px;}
}